<?php  content(); ?>
<div id="venta_credito" class="formulario">
<h2>Venta al contado</h2>
<form>
	<div class="body_form">
		<fieldset>		
				<table>
					<thead><tr><th class="search">Producto</th><th>Cantidad</th><th>Monto</th><th></th></tr></thead>
					<tbody>					
						<tr>						
							<td>
								<?= text_field_with_autocomplete("nombre_venta","action: productos/producto_by_nombre","size: 40%") ?>
							</td>						
							<td><input type="text" value="0" name="cantidad_venta" id="cantidad_venta" size="5" class="numeric required"/></td>
							<td><div  class="monto_total" id="monto_venta" >0.00</div></td>
							<td>
									<button type="button" id="agregar_cuenta" class="add">Agregar a cuenta</button><br/>
									<button type="button" id="finalizar_venta" class="ok">Aceptar</button>
							</td>
						</tr>				
					</tbody>
				</table>		
		</fieldset>
	</div>
</form>
	<div id="cuenta_venta_contado">
		<table id="grid_contado" class="grid tablekit" width="100%">
			<thead><tr><th>N</th><th>Cant.</th><th>Producto</th><th>P.Unit.</th><th>Total</th></tr></thead>
			<tbody id="cuenta_venta_contado_lista">
				<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
			</tbody>
		</table>
	</div>
</div>
<div id="venta_credito" class="formulario">
<h2>Venta al Credito</h2>
<form  class="search">
	<div class="body_form">
	<fieldset class="user">
		<label>Cliente</label><?= text_field_with_autocomplete("nombre","action: clientes/buscar","size: 40%") ?><button type="button" id="agregar_cliente" class="add">Agregar cliente</button><hr/>
	</fieldset>
	<fieldset class="search">	
			<table>
				<thead><tr><th>Producto</th><th>Cantidad</th><th>Monto</th><th></th></tr></thead>
				<tbody>					
					<tr>						
						<td>
							<?= text_field_with_autocomplete("nombre_venta","action: productos/producto_by_nombre","size: 40%") ?>
						</td>						
						<td><input type="text" value="0" name="cantidad_venta" id="cantidad_venta" size="5" class="numeric required"/></td>
						<td><div  class="monto_total" id="monto_venta" >0.00</div></td>
						<td>
								<button type="button" id="agregar_cuenta" class="add">Agregar a cuenta</button><br/>
								<button type="button" id="finalizar_venta" class="ok">Aceptar</button>
						</td>
					</tr>				
				</tbody>
			</table>		
	</fieldset>
	</div>
</form>
	<div id="cuenta_venta_credito">
		<table id="grid_credito" class="tablekit grid" width="100%">
			<thead><tr><th>N</th><th>Cant.</th><th>Producto</th><th>P.Unit.</th><th>Total</th></tr></thead>
			<tbody id="cuenta_venta_credito_lista">
				<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
			</tbody>
		</table>
	</div>
</div>
<script type="text/javascript">

$('agregar_cuenta').observe("click",agregar_cuenta);
$('finalizar_venta').observe("click",ver_monto_venta);

function ver_monto_consulta(){
	var monto=Math.round(($F('precio_actual') * $F('cantidad_consulta'))*100)/100;
	$('monto_consulta').update(monto);	
}

function ver_monto_venta(){
	var monto=Math.round(($F('precio_venta') * $F('cantidad_venta'))*100)/100;
	$('monto_venta').update(monto);	
}

function agregar_cuenta(){
	var pid=$F('producto_id');
	var url=<?php echo "'" . KUMBIA_PATH . "'"?> + "ventas/agregar_producto_venta/" + pid;
	new Ajax.Request(url, {
		  method: 'GET',
		  onSuccess: function(transport) {
		  /*
		  Obtengo los datos de producto en un Objeto JSON
		  Mediante JavaScript agrego una nueva fila a la tabla
		  		  			  
			  var obj=transport.responseText.evalJSON(true);
			  var row=new Element('tr').update("<th></th><th>Cant.</th><th>Producto</th><th>P.Unit.</th><th>Total</th>");
			  $("cuenta_venta_contado_lista").appendChild(row);
			 */
				 $('cuenta_venta_contado').upadte(transport.responseText);
		    	
				}
		  });
			
}

var gridContado=new TableKit('grid_contado',{ editable: false });
var gridCredito=new TableKit('grid_credito',{ editable: false }); 

</script>